<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j">
    <style>
    .pic {
        margin-bottom: -4px;
        margin-right: 2px;
    }
    </style>
    <body>
        <ui:composition template="./template.xhtml">
            <ui:param name="titulo" value="Control de Acceso" />

            <ui:define name="body">
                <p><h:graphicImage value="/images/peliculas.png" align="left" onclick="peliculas()" styleClass="icon" /></p>
                      <center>
                        <a4j:form>
                            <rich:extendedDataTable id="tblPeliculas" height="250px" value="#{PeliculasKidsMenuBean.allPeliculas}" var="cr">

                                     <rich:column width="150" filterBy="#{cr.nombrePelicula}" sortBy="#{cr.nombrePelicula}" label="Nombre Peliculas">
                                        <f:facet name="header">
                                            Nombre Pelicula
                                        </f:facet>

                                              <html>
                                               <a href="http://www.youtube.com/watch?v=-DM6Y66-B9c" target="_blank" ><b>#{cr.nombrePelicula}</b></a>
                                            </html>

                                        
                                    </rich:column>
                                     <rich:column width="150" filterBy="#{cr.precio}" sortBy="#{cr.precio}" label="Precio">
                                        <f:facet name="header">
                                            Precio
                                        </f:facet>
                                        #{cr.precio}
                                    </rich:column>
                                            
                                             <rich:column width="100" filterBy="#{cr.precio}" sortBy="#{cr.precio}" label="Precio">
                                        <f:facet name="header">
                                            Reproducir
                                        </f:facet>
                                            <html>
                                                 <a href="https://www.paypal.com/co" target="_blank" ><b>Reproducir</b></a>
                                            </html>
                                    </rich:column>



                            </rich:extendedDataTable>
                        </a4j:form>
                     </center>
                    <a4j:form>
                        <a4j:jsFunction name="peliculas" action="#{OpcionesKidsBean.peliculas}" reRender="stpEdicion"  />
                        <a4j:jsFunction name="series" action="#{OpcionesKidsBean.series}" reRender="stpEdicion"  />
                        <a4j:jsFunction name="noticias" action="#{OpcionesKidsBean.noticias}" reRender="stpEdicion"  />
                        <a4j:jsFunction name="juegos" action="#{OpcionesKidsBean.juegos}" reRender="stpEdicion"  />
                        <a4j:jsFunction name="videosmusicales" action="#{OpcionesClienteBean.videos}" reRender="stpEdicion"  />
                    </a4j:form>
            </ui:define>
        </ui:composition>
    </body>
</html>
